<template>
  <div>
    <hd titles="热榜"></hd>
    <hotLists :list="list"></hotLists>
    <ftr></ftr>
  </div>

</template>

<script>
    import hotLists from "../components/xyl/hotList/hotLists";
    import hd from "../components/public/hd";
    import ftr from "../components/public/ftr";
    export default {
      name: "hotList",
      components:{
        'hotLists':hotLists,
        'hd':hd,
        'ftr':ftr
      },
      data:function () {
        return{
          list : this.$store.state.commodities
        }
      }
    }
</script>

<style scoped>

</style>
